<template>
    <div class="taTeam">
        <div class="container">
            <div class="taText">
                <p class="lineTitle">T<span>A团</span>队</p>
                <p>TA核心成员由比特币和以太坊社区的成员，从事区块链研发、互联网金融、数字货币交易所运维的资深人士人士组成。打造公有链TAN解决现有区块链所有面临的效率低下，落地难等多种问题。解决信息洪流、信用缺失、隐私泄露、中心化霸权等问题，推动区块链的发展进程，更好更快的服务于实体经济。以用户需求为导向不断提升用户体验为核心，国际化的品牌定位、高效的团队、雄厚的技术实力、安全的技术保障，专业优质的客户服务赢得行业用户的口碑。同时为全球用户提供一站式的数字资产服务，开启价值互联网的新时代。</p>
            </div>
            <div class="taTab">
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol >
                        <li data-target="#myCarousel" data-slide-to="0" class="active">
                            <span>专家</span>
                            <img src="~static/img/team/btn_1.png" alt="">
                        </li>
                        <li data-target="#myCarousel" data-slide-to="1">
                            <span>员工</span>
                            <img src="~static/img/team/btn_2.png" alt="">
                        </li>
                        <li data-target="#myCarousel" data-slide-to="2">
                            <span>教授</span>
                            <img src="~static/img/team/btn_2.png" alt="">
                        </li>
                        <li data-target="#myCarousel" data-slide-to="3">
                            <span>律师</span>
                            <img src="~static/img/team/btn_2.png" alt="">
                        </li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜1</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_2.png" alt="">
                                <p>Timothy McGee</p>
                                <p>瑞典</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_3.png" alt="">
                                <p>Timothy McGee</p>
                                <p>中国</p>
                            </div>
                            <div class="itemBox">
                                <img src="~static/img/team/photo_1.png" alt="">
                                <p>莫娜</p>
                                <p>中国</p>
                            </div>
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <div class="nav">
                        <a class="left" href="#myCarousel" data-slide="prev">
                            <!--<span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>-->
                            <img src="~static/img/team/left.png" alt="">
                        </a>
                        <a class="right" href="#myCarousel" data-slide="next">
                            <img src="~static/img/team/right.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "taTeam"
    }
</script>

<style scoped>
    .taTeam{width:100%;height:1400px;background:#271553 url("~static/img/team/bg_content.png") bottom center/100%  no-repeat;}
    .taTeam .container .lineTitle{text-align: center;color:white;font-size: 29px;margin:90px 0 55px 0;}
    .taTeam .container .lineTitle span{border-bottom: 3px solid #6d55d1;padding:15px 0;}
    .taText{padding:0 100px 70px 100px;}
    .taText p{color:#fff;font-size: 14px;line-height: 25px;}
    .taTab{width:100%;}
    .taTab .slide{width:100%;}
    .taTab .slide ol{position:relative;list-style: none;display:flex;justify-content: space-between;margin-bottom:70px;padding-right:50px;}
    .taTab .slide ol li{position:absolute;list-style: none;display:inline-block;color:white;position: relative;width:182px;height:63px;cursor: pointer;}
    .taTab .slide ol li img{width:182px;height:63px;position:absolute;}
    .taTab .slide ol li span{position:absolute;bottom:19px;left:40%;z-index:99;}
    .carousel-inner .item{width:80%;height:650px;margin-left:10%;}
    .carousel-inner .item .itemBox{width:25%;height:50%;float:left;}
    .carousel-inner .item .itemBox img{margin-bottom:30px;margin-left:27px;}
    .carousel-inner .item .itemBox p{color:#fff;text-align: center;}
    .nav .left{height:100%;width:10%;position: absolute;top:133px;left:0;padding-top:20%;padding-left:30px;}
    .nav .right{height:100%;width:10%;position: absolute;top:133px;right:0;padding-top:20%;padding-left:30px;}

</style>
